<div id="page-wrapper">
    <div class="row headline" >
        <div class="col-md-12 headline-title" >
            <h3>学员招生 <img src="assets/img/angle-right.png" alt="" class="tubiao"></h3><h4>一对一合同</h4>
        </div>
    </div>
    <div class="row createbutton" >
        <div class="col-md-2" >
            <button class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;" data-toggle="modal" data-target="#lineclass">添加排课信息</button>
        </div>
        <div class="col-md-2" >
           <div style="width: 160px;"><span style="line-height: 36px;">5A剩余小时数:</span><span class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;width: 60px;float:right">{{findstudent.teach_5a_hour_surplus}}</span></div>
        </div>
        <div class="col-md-2" >
            <div style="width: 160px;"><span style="line-height: 36px;">8A剩余小时数:</span><span class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;width: 60px;float:right">{{findstudent.teach_8a_hour_surplus}}</span></div>
        </div>
        <div class="col-md-2" >
            <div style="width: 170px;"><span style="line-height:36px;">总监剩余小时数:</span><span class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;width: 60px;float:right">{{findstudent.teach_director_hour_surplus}}</span></div>
        </div>
        <div class="col-md-2" >
            <div style="width: 170px;"><span style="line-height:36px;">优惠剩余小时数:</span><span class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;width: 60px;float:right">{{findstudent.sale_hour_surplus}}</span></div>
        </div>
        <div class="col-md-1" >
            <button class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;"  onclick="javascript:history.back(-1);" >返回上一页</button>
        </div>

    </div>
    <div>
        <table class="table ">
            <thead class="yuangong">
            <tr>
                <th>序号</th>
                <th>老师级别</th>
                <th>科目</th>
                <th>教师姓名</th>
                <th>上课日期</th>
                <th>上课时间</th>
                <th>下课时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody class="xuhao">
            <tr ng-repeat="data in datas | filter: card | filter: studentName ">
                <td>{{$index+1}}</td>
                <td ng-if="data.type==1">5A</td>
                <td ng-if="data.type==2">8A</td>
                <td ng-if="data.type==3">总监</td>
                <td>{{data.subject_name}}</td>
                <td>{{data.staff_name}}</td>
                <td>{{data.class_date}}</td>
                <td>{{data.class_time_have}}</td>
                <td>{{data.class_time_over}}</td>
                <td>
                    <span class="operation fa fa-edit" data-toggle="modal" ng-click="updata($index)">修改</span>
                    <span class="operation fa fa-edit"  ng-click="delete($index)">删除</span>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--添加排课-->
    <div class="container-fluid text-center">
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="lineclass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog" style="width: 1000px;">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h2 class="modal-title" > <span class="fa fa-edit">排课</span></h2>
                    </div>
                    <form>
                        <div class="modal-body">
                            <!-- 提交表单到服务器 -->
                            <table width="100%" align="center">
                                <tbody>
                                <tr>
                                    <td  height="52"><span class="tr-scheduletitle">老师级别</span></td>
                                    <td><span class="tr-scheduletitle">科目</span></td>
                                    <td><span class="tr-scheduletitle">老师</span></td>
                                </tr>
                                <tr class="paikeconter">
                                    <td  height="52">
                                        <select class="tankuang-reviseclass" id="level">
                                            <option value="0" disabled selected style="display: none;">请选择</option>
                                            <option value="1">5A</option>
                                            <option value="2">8A</option>
                                            <option value="3">总监</option>
                                        </select>
                                    </td>
                                    <td>
                                        <subjectteacher></subjectteacher>
                                    </td>
                                    <td class="modal-tf">
                                        <select class="tankuang-tf" id="teacher"></select>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table width="100%" align="center">
                                <tbody>
                                <tr>
                                    <td height="52"><span class="tr-scheduletitle">上课日期</span></td>
                                    <td><span class="tr-scheduletitle">上课时间</span></td>
                                    <td><span class="tr-scheduletitle">下课时间</span></td>
                                    <td  height="52"><span class="tr-scheduletitle">上课时长</span></td>
                                </tr>
                                <tr>
                                    <td height="52">
                                        <starttime></starttime>
                                    </td>
                                    <td>
                                        <haveclockpicker></haveclockpicker>
                                    </td>
                                    <td>
                                        <overclockpicker></overclockpicker>
                                    </td>
                                    <td>
                                        <input type="number" class="form-control-teaching"  style="background: #fef6f9;border: 1px solid #fce5ee"  id="addhour" value="2">
                                    </td>
                                </tr>
                                </tbody>
                            </table>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary-tf" ng-click="add()">保存</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    </div>
    <!--修改排课-->
    <div class="container-fluid text-center">
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="modifylineclass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog" style="width: 1000px;">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h2 class="modal-title" > <span class="fa fa-edit">排课</span></h2>
                    </div>
                    <form>
                        <div class="modal-body">
                            <!-- 提交表单到服务器 -->
                            <table width="100%" align="center">
                                <tbody>
                                <tr>
                                    <td  height="52"><span class="tr-scheduletitle">老师级别</span></td>
                                    <td><span class="tr-scheduletitle">科目</span></td>
                                    <td><span class="tr-scheduletitle">老师</span></td>
                                </tr>
                                <tr class="paikeconter">
                                    <td  height="52">
                                        <select class="tankuang-reviseclass" id="typeteacher">
                                            <option value="0" disabled selected style="display: none;">请选择</option>
                                            <option value="1">5A</option>
                                            <option value="2">8A</option>
                                            <option value="3">总监</option>
                                        </select>
                                    </td>
                                    <td>
                                        <subjectupdatateacher></subjectupdatateacher>
                                    </td>
                                    <td class="modal-tf">
                                        <select class="tankuang-tf" id="teacherupdata"></select>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table width="100%" align="center">
                                <tbody>
                                <tr>
                                    <td height="52"><span class="tr-scheduletitle">上课日期</span></td>
                                    <td><span class="tr-scheduletitle">上课时间</span></td>
                                    <td><span class="tr-scheduletitle">下课时间</span></td>
                                    <td  height="52"><span class="tr-scheduletitle">上课时长</span></td>
                                </tr>
                                <tr>
                                    <td height="52">
                                        <endclasstime></endclasstime>
                                    </td>
                                    <td>
                                        <updatahaveclockpicker></updatahaveclockpicker>
                                    </td>
                                    <td>
                                        <updataoverclockpicker></updataoverclockpicker>
                                    </td>
                                    <td>
                                        <input type="text" class="form-control-teaching"  style="background: #fef6f9;border: 1px solid #fce5ee"  id="updatahour" readonly>
                                    </td>
                                </tr>
                                </tbody>
                            </table>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary-tf" ng-click="save()">保存</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    </div>

    <div class="row form-inline">
        <div class="col-md-8">
            <uib-pagination
                    total-items="page.totalCount"
                    ng-model="page.pageNo"
                    max-size="5"
                    class="samplePage pagination"
                    boundary-links="true"
                    force-ellipses="false"
                    first-text="首页"
                    last-text="末页"
                    previous-text="上一页"
                    next-text="下一页"
                    items-per-page="page.limit"
                    ng-change="pageChanged()"
                    boundary-link-numbers="true"
            >
            </uib-pagination>
        </div>
        <div class="col-md-4">
            <input type="text" class="form-control" style="width:100px;margin:25px 0" name="" ng-model="go" />
            <a class="btn btn-primary btn-sm" ng-click="setPage(go)">跳转</a>
        </div>
    </div>

</div>
<!-- /. PAGE INNER  -->

